import { Component } from "react";
import {
  View,
  Text,
  EventProps,
  ITouchEvent,
  Image
} 
from "@tarojs/components";
import "./index.scss";
import {Taro } from "@tarojs/taro";
import img from './images/vertical.png'
export default class LgTab extends Component {
  state = {};

  componentDidMount() {}

  componentDidShow() {}

  componentDidHide() {}

  componentDidCatchError() {}

  render() {
    var props = this.props;

    return (
      <View
        className={"lgTab_container " + props.className}
        data-index={props.index}
        onClick={props.choTabItem}
      >
        <Text className={props.showIcon ? "lgTab_container_text b_r_1" : "lgTab_container_text "}>
          {props.title}
          <Image
            className="vertical_icon"
            style={{ display: props.showIcon ? "block" : "none" }}
            src={img}

          />
        </Text>
        <View className={props.sliderClassName}></View>
      </View>
    );
  }
}
